<extend name="block/block" />
<block name="main">
    <section>
        <div class="main">
            <include file="./block/main_top" />
            <div class="main-box-course">
                <div class="main-box-content">
                    <!--                this is the course item -->
                    <div class="course-item">
                        <div class="course-cover">
                            <div class="college-label"> 兴趣 </div>
                            <img alt="课程封面图" title="钢琴精品试学课" class="course-image" src="__TMPL__/portal/public/assets/images/course/wine.png" lazy="loaded">
                        </div>
                        <div class="course-border">
                            <h4 class="course-title">钢琴精品试学课</h4>
                            <div class="course-info">
                                <div class="info__price">
                                    <span class="course-free">免费</span></div>
                                <div class="info__count">
                                    <span class="total-student"> 19.9w位同学看过 </span></div>
                            </div>
                        </div>
                    </div>

                    <div class="course-item">
                        <div class="course-cover">
                            <div class="college-label"> 兴趣 </div>
                            <img alt="课程封面图" title="钢琴精品试学课" class="course-image"  src="__TMPL__/portal/public/assets/images/course/piano.png" lazy="loaded">
                        </div>
                        <div class="course-border">
                            <h4 class="course-title">钢琴精品试学课</h4>
                            <div class="course-info">
                                <div class="info__price"><span class="course-free">免费</span></div>
                                <div class="info__count"><span class="total-student"> 19.9w位同学看过 </span></div>
                            </div>
                        </div>
                    </div>

                    <div class="course-item">
                        <div class="course-cover">
                            <div class="college-label"> 兴趣 </div>
                            <img alt="课程封面图" title="钢琴精品试学课" class="course-image" src="__TMPL__/portal/public/assets/images/course/jingpin.png" lazy="loaded">
                        </div>
                        <div class="course-border">
                            <h4 class="course-title">钢琴精品试学课</h4>
                            <div class="course-info">
                                <div class="info__price"><span class="course-free">免费</span></div>
                                <div class="info__count"><span class="total-student"> 19.9w位同学看过 </span></div>
                            </div>
                        </div>
                    </div>

                    <div class="course-item">
                        <div class="course-cover">
                            <div class="college-label"> 兴趣 </div>
                            <img alt="课程封面图" title="钢琴精品试学课" class="course-image" src="__TMPL__/portal/public/assets/images/course/gufeng.png" lazy="loaded">
                        </div>
                        <div class="course-border">
                            <h4 class="course-title">钢琴精品试学课</h4>
                            <div class="course-info">
                                <div class="info__price"><span class="course-free">免费</span></div>
                                <div class="info__count"><span class="total-student"> 19.9w位同学看过 </span></div>
                            </div>
                        </div>
                    </div>

                    <div class="course-item">
                        <div class="course-cover">
                            <div class="college-label"> 兴趣 </div>
                            <img alt="课程封面图" title="钢琴精品试学课" class="course-image" src="__TMPL__/portal/public/assets/images/course/jingpin.png" lazy="loaded">
                        </div>
                        <div class="course-border">
                            <h4 class="course-title">钢琴精品试学课</h4>
                            <div class="course-info">
                                <div class="info__price"><span class="course-free">免费</span></div>
                                <div class="info__count"><span class="total-student"> 19.9w位同学看过 </span></div>
                            </div>
                        </div>
                    </div>

                    <div class="course-item">
                        <div class="course-cover">
                            <div class="college-label"> 兴趣 </div>
                            <img alt="课程封面图" title="钢琴精品试学课" class="course-image" src="__TMPL__/portal/public/assets/images/course/gufeng.png" lazy="loaded">
                        </div>
                        <div class="course-border">
                            <h4 class="course-title">钢琴精品试学课</h4>
                            <div class="course-info">
                                <div class="info__price"><span class="course-free">免费</span></div>
                                <div class="info__count"><span class="total-student"> 19.9w位同学看过 </span></div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
            <include file="./block/page" />
        </div>
    </section>
</block>
<block name="myscript">
    <script>
        $('.course-item').click(function () {
            location.href = "{:url('portal/index/courseDetail')}"
        });
    </script>
</block>